<template>
  <div class="bigBox">
    <div class="logo">
      <img @click="$router.push('/')" src="@/img/logo.png" alt="图片未加载">

    </div>
    <div class="info">
      <img :src="userStore.user.avatar" alt="">
      <h3>管理员</h3>
    </div>
  </div>
</template>

<script setup>
import {ref,onMounted} from 'vue'
import {changeStoreStatusAPI,getStoreInfoAPI} from "@/apis/store";
import {useUserStore} from "@/stores/userStore";
import {ElMessage} from "element-plus";
import {useStoreStore} from "@/stores/storeStore";

const userStore=useUserStore()

</script>

<style scoped>
.bigBox
{
  width: 100%;
  min-width: 1240px;
  height: 150px;
  background: white;
  display: flex;
  justify-content: space-between;
}
.logo
{
  display: flex;
  margin-left: 50px;
}
.logo img
{
  height: 150px;
}
.info
{
  display: flex;
  margin-right: 50px;
}
.info img
{
  height: 50px;
  width: 50px;
  border-radius: 50%;
  margin-top: 50px;
}
.info h3
{
  line-height: 150px;
  margin-left: 20px;
}
</style>